// 1. 副作用函数指的是会产生副作用的函数
function effect() {
  document.body.innerText = "hello vue3";
}
// effect函数的执行会直接或间接影响其他函数的执行（读取或设置body的内容的函数都会受到影响），这是我们说effect函数产生了副作用。
// 副作用函数很容易产生，例：一个函数修改了全局变量，这其实也是一个副作用函数。
/**
 * 2. 响应式数据
 */
const obj = {
  text: "hello vue3",
};
function effect2() {
  document.body.innerText = obj.text;
}
obj.text = "hello vue3 vue2";

// 当我们在副作用函数中读取了某个对象的属性，当这个对象的属性发生变化时（obj.text的值被修改），副作用函数就会重新执行。我们就说这个对象是一个响应式数据。
